<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css" />
		<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" />
		<link rel="stylesheet" type="text/css" href="css/hebing.css"media="screen and (min-width:960px)"/>
				<link rel="stylesheet" href="css/hebing_1.css" media="screen and (max-width:959px) and (min-width:640px)" />
		<style type="text/css">
			
			
		</style>
	</head>

	<body>
		<hr style="background-color:rgb(253,178,0) ;width: 100%;height:5px;">
		<!--三角形-->
		<div class="zHeader"><img src="img/779B104F86B5D6EA65A1082D2E732E25.jpg" /></div>
		<!--四边形-->
		<div class="zLfet"><img src="img/2983C079341B2BA40F7E901DA8188D8E.jpg" /></div>
		<!--店长应用-->
		<div class="zManager">
			<div class="zManager_header"><img src="img2/12.png" /></div><br>
			<p>店长应用</p>
			<div class="zProfitMap_title2">
				<img src="img/yellow-v.png" />
				<span>下载“店内”APP，立即体验店内精彩体验</span>
				<div></div>
			</div>

			<!--直接登陆-->
			<div class="zLoad">
				<p>传统后台，直接登陆</p>
			</div>
		</div>
		<!--摄像头-->
		<div class="Zcamera"><img src="img/product.jpg" /></div>
		<!--那个神奇的列表-->
		<div class="zSp">
			<div class="zStep_1">
				<p>第一步</p>
			</div>
			<div class="zStep_2">
				<span class="a1"><i class="icon-laptop icon-4x"></i> </span>
			</div>
			<div class="zStep_3">
				<div class="a2">
					<p>购买设备</p>
					<div class="a2_p">
						<span>店</span>
						<a href="###">
							<p>进入微店</p>
						</a>
					</div>
				</div>
			</div>

			<!--第二步-->
			<div class="zSecond">
				<div class="zSecond_1">
					<p>第二步</p>
				</div>
				<div class="zSecond_2">
					<span class="a3"><i  style="display: block;margin-top:-8px;margin-left: 18px;"class="icon-envelope icon-3x"></i> </span>
				</div>
				<div class="zSecond_3">
					<div class="zSecond_4">
						<p>产品配送</p>
						<div class="zSecond_5">
							<ul>
								<li>wi-beacon设备将以最快速度送达您的手中</li>
								<li>安装设备并开始使用</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<!--第三步-->
			<div class="zThird">
				<div class="zThird_1">
					<p>第三步</p>
				</div>
				<div class="zThird_2">
					<span class="a4"><i  style="display: block;margin-top:-20px;margin-left: 25px;"class=" icon-mobile-phone icon-5x"></i> </span>
				</div>
				<div class="zThird_3">
					<div class="zThird_4">
						<p>下载店内APP</p>
						<div class="zThird_5">
							<div class="b1"><img src="img2/android.png" />
							</div>
							<p class="b2">Android</p>
							<div class="b3"><img src="img2/apple.png" /></div>
							<p class="b4">ios</p>
							<div class="b5"><img src="img/1B6yitdn3PSm8AAAAAElFTkSuQmCC.png" /></div>
						</div>
					</div>
				</div>
			</div>

			<!--第四步-->
			<div class="zFour">
				<div class="zFour_1">
					<p>第四步</p>
				</div>
				<div class="zFour_2">
					<span class="a5"><i class=" icon-mobile-phone icon-5x"></i> </span>
				</div>
				<div class="zFour_3">
					<div class="zFour_4">
						<p>注册登陆</p>
						<div class="zFour_5">
							<ul>
								<li>注册管理账号</li>
								<li>设置基本信息</li>
								<li>绑定设备</li>
							</ul>
						</div>
					</div>
				</div>
			</div>

		</div>
		<div class="pics">
			<h1>合作商户</h1>
			<hr style="background-color:rgb(253,178,0) ;width: 100%;height:0.5%;">
			<div class="c1">
				<img src="img/dayali.png" />
			</div>
			<div class="c2"><img src="img/dicos.png" /></div>
			<div class="c3"><img src="img/gelin.png" /></div>
			<div class="c4"><img src="img/jiumaojiu.png" /></div>
			<div class="c5"><img src="img/langang.png" /></div>
			<div class="c6"><img src="img/shangdao.png" /></div>
			<div class="c7"><img src="img/wanlong.png" /></div>
			<div class="c8"><img src="img/yipin.png" /></div>
			<div class="c9"><img src="img/zhengongfu.png" /></div>
			<div class="c10"><img src="img/ZOOCOFFEE.png" /></div>
			<div class="c11"><img src="img/qingfeng.jpg" /></div>
			<div class="c12"><img src="img/yimujuecha.jpg" /></div>
			<div class="c13"><img src="img/xibei.jpg" /></div>
			<div class="c14"><img src="img/mingmen.jpg" /></div>
			<div class="c15"><img src="img/unicom.jpg" /></div>
		</div>
		<div class="chat">
			<div class="chat_pic"><img src="img/diannei.JPG"/></div>
		</div>
		<div class="content">
			<div class="content_1"><img src="img/foot-badge.png"/></div>
			<div class="content_2">
				<p class="d1">Zi Consultants & Company, Ltd.</p>
				<p class="d2">Beijing|Jinan|Haikou|Zhengzhou</p>
				<p class="d2">400-001-8603</p>
			</div>
			<div class="xin"><img style="display: block;margin-top:5px;margin-left: 8px;" src="img/email.png"/></div>
		
		</div>
	</body>

</html>